// source --> https://disna.com.sv/wp-content/plugins/visualizer/js/render-google.js?ver=3.4.6 /* global google */ /* global visualizer */ /* global console */ // this will store the images for each chart rendered. var __visualizer_chart_images = []; (function($) { var gv; var all_charts, objects; // so that we know which charts belong to our library. var rendered_charts = []; function renderChart(id) { var chart = all_charts[id]; var hasAnnotation = false; // re-render the chart only if it doesn't have annotations and it is on the front-end // this is to prevent the chart from showing "All series on a given axis must be of the same data type" during resize. // table/tabular charts do not have annotations. if(id !== 'canvas' && typeof chart.series !== 'undefined' && typeof chart.settings.series !== 'undefined' && chart.type !== 'tabular'){ hasAnnotation = chart.series.length - chart.settings.series.length > 1; } if(! hasAnnotation){ renderSpecificChart(id, all_charts[id]); } } function renderSpecificChart(id, chart) { var render, container, series, data, table, settings, i, j, row, date, axis, property, format, formatter; if(chart.library !== 'google'){ return; } rendered_charts[id] = 'yes'; series = chart.series; data = chart.data; settings = chart.settings; container = document.getElementById(id); if (container == null) { return; } table = new gv.DataTable({cols: series}); render = objects[id] || null; if (!render) { switch (chart.type) { case "tabular": render = "Table"; break; case "gauge": case "table": case "timeline": render = chart.type.charAt(0).toUpperCase() + chart.type.slice(1); break; default: render = chart.type.charAt(0).toUpperCase() + chart.type.slice(1) + 'Chart'; break; } render = new gv[render](container); } if (settings['animation'] && parseInt(settings['animation']['startup']) === 1) { settings['animation']['startup'] = true; settings['animation']['duration'] = parseInt(settings['animation']['duration']); } // mark roles for series that have specified a role // and then remove them from future processing // and also adjust the indices of the series array so that // the ones with a role are ignored // e.g. if there are 6 columns (0-5) out of which 1, 3 and 5 are annotations // the final series will only include 0, 2, 4 (reindexed as 0, 1, 2) if (settings.series) { var adjusted_series = []; for (i = 0; i < settings.series.length; i++) { if (!series[i + 1] || typeof settings.series[i] === 'undefined') { continue; } if(typeof settings.series[i].role !== 'undefined'){ table.setColumnProperty(i + 1, 'role', settings.series[i].role); if(settings.series[i].role === '') { adjusted_series.push(settings.series[i]); } } } if(adjusted_series.length > 0){ settings.series = adjusted_series; } } if ( settings['explorer_enabled'] && settings['explorer_enabled'] == 'true' ) { // jshint ignore:line var $explorer = {}; $explorer['keepInBounds'] = true; if ( settings['explorer_actions'] ) { $explorer['actions'] = settings['explorer_actions']; } settings['explorer'] = $explorer; } switch (chart.type) { case 'pie': if (settings.slices) { for (i in settings.slices) { if (settings.slices[i]['color'] === '') { delete settings.slices[i]['color']; } } } break; case 'line': case 'bar': case 'column': case 'area': case 'scatter': case 'candlestick': if (settings.series) { for (i in settings.series) { if (settings.series[i]['color'] === '') { delete settings.series[i]['color']; } } } if (settings.series && settings.legend && settings.legend.position === "left") { settings.targetAxisIndex = 1; } break; case 'geo': if (settings.region !== undefined && settings.region.replace(/^\s+|\s+$/g, '') === '') { settings['region'] = 'world'; } break; case 'table': case 'tabular': if (parseInt(settings['pagination']) !== 1) { delete settings['pageSize']; } break; case 'gauge': break; case 'bubble': settings.sortBubblesBySize = settings.sortBubblesBySize ? settings.sortBubblesBySize == 1 : false; // jshint ignore:line break; case 'timeline': settings['timeline'] = []; settings['timeline']['groupByRowLabel'] = settings['groupByRowLabel'] ? true : false; settings['timeline']['colorByRowLabel'] = settings['colorByRowLabel'] ? true : false; settings['timeline']['showRowLabels'] = settings['showRowLabels'] ? true : false; if(settings['singleColor'] !== '') { settings['timeline']['singleColor'] = settings['singleColor']; } break; case 'combo': if (settings.series) { for (i in settings.series) { if (settings.series[i]['type'] === '') { delete settings.series[i]['type']; } if (settings.series[i]['color'] === '') { delete settings.series[i]['color']; } } } if (settings.series && settings.legend && settings.legend.position === "left") { settings.targetAxisIndex = 1; } break; default: return; } if (series[0] && (series[0].type === 'date' || series[0].type === 'datetime' || series[0].type === 'timeofday')) { axis = false; switch (chart.type) { case 'line': case 'area': case 'scatter': case 'candlestick': case 'column': case 'combo': axis = settings.hAxis; break; case 'bar': axis = settings.vAxis; break; } if (axis) { for (property in axis.viewWindow) { date = new Date(axis.viewWindow[property]); if (Object.prototype.toString.call(date) === "[object Date]") { if (!isNaN(date.getTime())) { axis.viewWindow[property] = date; continue; } } delete axis.viewWindow[property]; } } } if(settings.hAxis){ if(settings.hAxis.textStyle && settings.hAxis.textStyle !== ''){ if(typeof(settings.hAxis.textStyle) === "string") { settings.hAxis.textStyle = {color: settings.hAxis.textStyle}; } } } if(settings.vAxis){ if(settings.vAxis.textStyle && settings.vAxis.textStyle !== ''){ if(typeof(settings.vAxis.textStyle) === "string") { settings.vAxis.textStyle = {color: settings.vAxis.textStyle}; } } } for (i = 0; i < data.length; i++) { row = []; for (j = 0; j < series.length; j++) { switch(series[j].type) { case 'string': if(data[i][j] === ''){ data[i][j] = null; } break; case 'boolean': if (typeof data[i][j] === 'string'){ data[i][j] = data[i][j] === 'true'; } break; case 'date': // fall-through. case 'datetime': date = new Date(data[i][j]); data[i][j] = null; if (Object.prototype.toString.call(date) === "[object Date]") { if (!isNaN(date.getTime())) { data[i][j] = date; } } break; } row.push(data[i][j]); } table.addRow(row); } if (settings.series) { switch(chart.type){ case 'table': case 'tabular': for(i in settings.series){ i = parseInt(i); if (!series[i + 1]) { continue; } format_data(id, table, series[i + 1].type, settings.series[i].format, i + 1); } break; default: for (i = 0; i < settings.series.length; i++) { if (!series[i + 1] || typeof settings.series[i] === 'undefined') { continue; } format_data(id, table, series[i + 1].type, settings.series[i].format, i + 1); } break; } } else if (chart.type === 'pie' && settings.format && settings.format !== '') { format_data(id, table, 'number', settings.format, 1); } if(settings.hAxis && series[0]) { format_data(id, table, series[0].type, settings.hAxis.format, 0); } override(settings); gv.events.addListener(render, 'ready', function () { var arr = id.split('-'); __visualizer_chart_images[ arr[0] + '-' + arr[1] ] = ''; try{ var img = render.getImageURI(); __visualizer_chart_images[ arr[0] + '-' + arr[1] ] = img; $('body').trigger('visualizer:render:chart', {id: arr[1], image: img}); }catch(error){ console.warn('render.getImageURI not defined for ' + arr[0] + '-' + arr[1]); } }); $('body').trigger('visualizer:chart:settings:extend', {id: id, chart: chart, settings: settings, data: table}); render.draw(table, settings); } function format_data(id, table, type, format, index) { if (!format || format === '') { return; } var formatter = null; switch (type) { case 'number': formatter = new gv.NumberFormat({pattern: format}); break; case 'date': case 'datetime': case 'timeofday': formatter = new gv.DateFormat({pattern: format}); break; } if (formatter) { formatter.format(table, index); } var arr = id.split('-'); $('body').trigger('visualizer:format:chart', {id: parseInt(arr[1]), data: table, column: index}); } function override(settings) { if (settings.manual) { try{ var options = JSON.parse(settings.manual); $.extend(settings, options); delete settings.manual; }catch(error){ console.error("Error while adding manual configuration override " + settings.manual); } } } function render() { for (var id in (all_charts || {})) { renderChart(id); } } var resizeTimeout; $(document).ready(function() { $(window).resize(function() { clearTimeout(resizeTimeout); resizeTimeout = setTimeout(render, 100); }); resizeHiddenContainers(true); }); $(window).on('load', function(){ resizeHiddenContainers(true); }); function resizeHiddenContainers(everytime){ $(".visualizer-front").parents().each(function(){ if(!$(this).is(":visible") && !$(this).hasClass("visualizer-hidden-container")){ $(this).addClass("visualizer-hidden-container"); } }); var mutateObserver = new MutationObserver(function(records) { records.forEach(function(record) { if(record.attributeName === "style" || record.attributeName === "class"){ var element = $(record.target); var displayStyle = window.getComputedStyle(element[0]).getPropertyValue("display"); if(element.hasClass("visualizer-hidden-container-resized") || displayStyle === "none") { return ; } element.find(".visualizer-front").resize(); if(!everytime) { element.addClass("visualizer-hidden-container-resized"); } } }); }); $('.visualizer-hidden-container').each(function(){ mutateObserver.observe($(this)[0], {attributes: true}); }); } $('body').on('visualizer:render:chart:start', function(event, v){ var $chart_types = ['corechart', 'geochart', 'gauge', 'table', 'timeline']; if(v.is_front == true){ // jshint ignore:line // check what all chart types to load. $chart_types = []; $.each(v.charts, function(i, c){ var $type = c.type; switch($type){ case 'bar': case 'column': case 'line': case 'area': case 'stepped area': case 'bubble': case 'pie': case 'donut': case 'combo': case 'candlestick': case 'histogram': case 'scatter': case 'bubble': $type = 'corechart'; break; case 'geo': $type = 'geochart'; break; case 'tabular': case 'table': $type = 'table'; break; case 'dataTable': case 'polarArea': case 'radar': $type = null; break; } if($type != null){ $chart_types.push($type); } }); } objects = {}; google.charts.load("current", {packages: $chart_types, mapsApiKey: v.map_api_key, 'language' : v.language}); google.charts.setOnLoadCallback(function() { gv = google.visualization; all_charts = v.charts; if(v.is_front == true && typeof v.id !== 'undefined'){ // jshint ignore:line renderChart(v.id); } else { render(); } }); }); $('body').on('visualizer:render:specificchart:start', function(event, v){ objects = {}; gv = google.visualization; renderSpecificChart(v.id, v.chart); }); $('body').on('visualizer:render:currentchart:update', function(event, v){ renderChart('canvas'); }); // front end actions // 'image' is also called from the library $('body').on('visualizer:action:specificchart', function(event, v){ var id = v.id; if(typeof rendered_charts[id] === 'undefined'){ return; } var arr = id.split('-'); var img = __visualizer_chart_images[ arr[0] + '-' + arr[1] ]; switch(v.action){ case 'print': // for charts that have no rendered image defined, we print the data instead. var html = v.data; if(img !== ''){ html = ""; } $('body').trigger('visualizer:action:specificchart:defaultprint', {data: html}); break; case 'image': if(img !== ''){ var $a = $(""); // jshint ignore:line $a.attr("href", img); $("body").append($a); $a.attr("download", v.dataObj.name); $a[0].click(); $a.remove(); }else{ console.warn("No image generated"); } break; } }); })(jQuery); // source --> https://disna.com.sv/wp-content/plugins/visualizer/js/render-facade.js?ver=3.4.6 /* global console */ /* global visualizer */ /* global jQuery */ (function($, visualizer){ function initActionsButtons(v) { if($('a.visualizer-chart-shortcode').length > 0) { var clipboard1 = new ClipboardJS('a.visualizer-chart-shortcode'); // jshint ignore:line clipboard1.on('success', function(e) { window.alert(v.i10n['copied']); }); } if($('a.visualizer-action[data-visualizer-type=copy]').length > 0) { $('a.visualizer-action[data-visualizer-type=copy]').on('click', function(e) { e.preventDefault(); }); var clipboard = new ClipboardJS('a.visualizer-action[data-visualizer-type=copy]'); // jshint ignore:line clipboard.on('success', function(e) { window.alert(v.i10n['copied']); }); } $('a.visualizer-action[data-visualizer-type!=copy]').off('click').on('click', function(e) { var type = $(this).attr( 'data-visualizer-type' ); var chart = $(this).attr( 'data-visualizer-chart-id' ); var container = $(this).attr( 'data-visualizer-container-id' ); var lock = $('.visualizer-front.visualizer-front-' + chart); var mime = $(this).attr( 'data-visualizer-mime' ); lock.lock(); e.preventDefault(); $.ajax({ url : v.rest_url.replace('#id#', chart).replace('#type#', type), beforeSend: function ( xhr ) { xhr.setRequestHeader( 'X-WP-Nonce', v.wp_nonce ); }, success: function(data) { if (data && data.data) { switch(type){ case 'csv': var blob = new Blob([data.data.csv], {type: mime }); if(window.navigator.msSaveOrOpenBlob){ window.navigator.msSaveOrOpenBlob(blob, data.data.name); } else { var url = window.URL.createObjectURL(blob); var $a = $(""); $a.attr("href", url); $("body").append($a); $a.attr("download", data.data.name); $a[0].click(); setTimeout(function () { window.URL.revokeObjectURL(url); $a.remove(); }, 100); } break; case 'xls': if(window.navigator.msSaveOrOpenBlob){ blob = new Blob([s2ab(atob(data.data.raw))], {type: '' }); window.navigator.msSaveOrOpenBlob(blob, data.data.name); } else { var $a = $(""); // jshint ignore:line $a.attr("href", data.data.csv); $("body").append($a); $a.attr("download", data.data.name); $a[0].click(); $a.remove(); } break; case 'print': case 'image': $('body').trigger('visualizer:action:specificchart', {action: type, id: container, data: data.data.csv, dataObj: data.data}); break; default: if(window.visualizer_perform_action) { window.visualizer_perform_action(type, chart, data.data); } break; } } lock.unlock(); } }); }); } function s2ab(s) { var buf = new ArrayBuffer(s.length); var view = new Uint8Array(buf); for (var i=0; i !== s.length; ++i) { view[i] = s.charCodeAt(i) & 0xFF; } return buf; } $(document).ready(function(){ // for updating the currently displayed chart (preview mode) window.vizUpdateChartPreview = function(){ var event = new CustomEvent('visualizer:render:currentchart:update', {detail: {visualizer: visualizer}}); document.body.dispatchEvent(event); }; // facade loads N times in the library and front end (where N = the number of different chart libraries supported) // so all charts are also loaded N times // this will ensure that no matter how many times facade is loaded, it initializes all charts only once. // fixed as part of the issue to add annotations. if(localStorage.getItem( 'viz-facade-loaded' ) === '1'){ // prevent library from hanging. setTimeout( function(){ localStorage.removeItem( 'viz-facade-loaded' ); }, 2000); return; } localStorage.setItem( 'viz-facade-loaded', '1'); // remove the flag so that repeated loading of the library does not cause problems. setTimeout( function(){ localStorage.removeItem( 'viz-facade-loaded' ); }, 2000); initChartDisplay(); initActionsButtons(visualizer); registerDefaultActions(); }); function initChartDisplay() { if(visualizer.is_front == true){ // jshint ignore:line displayChartsOnFrontEnd(); }else{ showChart(); } } /** * If an `id` is provided, that particular chart will load. */ function showChart(id) { // clone the visualizer object so that the original object is not affected. var viz = Object.assign({}, visualizer); if(id){ viz.id = id; } $('body').trigger('visualizer:render:chart:start', viz); } function displayChartsOnFrontEnd() { // display all charts that are NOT to be lazy-loaded. $('div.visualizer-front:not(.visualizer-lazy)').each(function(index, element){ var id = $(element).attr('id'); showChart(id); }); // interate through all charts that are to be lazy-loaded and observe each one. $('div.visualizer-front.visualizer-lazy').each(function(index, element){ var id = $(element).attr('id'); var limit = $(element).attr('data-lazy-limit'); if(!limit){ limit = 300; } var target = document.querySelector('#' + id); // configure the intersection observer instance var intersectionObserverOptions = { root: null, rootMargin: limit + 'px', threshold: 0 }; var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { observer.unobserve(target); showChart($(entry.target).attr('id')); } }); }, intersectionObserverOptions); // start observing. observer.observe(target); }); } function registerDefaultActions(){ $('body').off('visualizer:action:specificchart:defaultprint').on('visualizer:action:specificchart:defaultprint', function(event, v){ var iframe = $('',inline_markup:'
{content}
',custom_markup:"",social_tools:'
Tweet